//collapse 屏幕拉伸适配---方法三
//1.在store/modules/app.js新增赋值方法
//2.在mixins/resizeWidth.js-----当屏幕大于600给collapse赋值false,否则为true

//解构vuex方法
import {mapMutations} from 'vuex'
//导出配置对象
export default {
  methods: {
    ...mapMutations('app', ['SET_COLLAPSE']),
    //修改放法
    $_resize() {
      //设置固定界限
      const WIDTH = 600

      //实时获取屏幕宽度
      //实时获取屏幕宽度
      let bodyW = document.body.clientWidth
      // console.log('bodyW :>> ', bodyW)
      //如果屏幕宽度大于600时，设值为false,否则为true
      if (bodyW > WIDTH) {
        this.SET_COLLAPSE(false)
      } else {
        this.SET_COLLAPSE(true)
      }
    },
  },
  mounted() {
    // this.$_resize()
    window.addEventListener('resize', this.$_resize)
  },
  beforeDestroy() {
    window.addEventListener('resize', this.$_resize)
  },
}
